﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0; font-family:"微软雅黑";}
li{ list-style:none;}
a{ text-decoration:none;}
@media screen and (min-width: 1151px){
	#header{ width:100%;}
	#banner{ width:100%;}
	#about{ width:100%;}
	#cpzs{ width:100%}
	#footnav{ width:100%}
	#banquan{ width:100%}
	#youqing{ width:100%}
}
@media screen and (max-width: 1150px){
	#header{ width:1150px;}
	#banner{ width:1150px;}
	#about{ width:1150px;}
	#cpzs{ width:1150px;}
	#footnav{ width:1150px;}
	#banquan{ width:1150px;}
	#youqing{ width:1150px;}
}
#top{ width:1150px; margin:0 auto; padding: 15px 0px 10px; position:relative; height:85px;}
#logo{ float:left; width:580px;}
#sousuo{ position:absolute; top:30px; width:316px; right:0px;}
#dh{ position:absolute; width:316px; top:70px; right:0px;}
#dh p{ color:#F00; font-weight:bold;}
#yg p{ float:left;}
#nav{ height:50px; background-color:#165b9e;}
#nav ul{ width:1150px; margin:0 auto;}
#nav ul li{ float:left;}
#nav ul li a{ width:164px; line-height:50px; color:#FFF; display:block; text-align:center;}
#nav ul li a:hover{ background-color:#2a95fc; }
/*---------------------------------banner--------------------------------------------------*/
#banner { overflow:hidden; background-color:#fafafa;}
.wrapper {
	left: 0;
	width: 100%;
	overflow: hidden;
	float: left;
}
.swipe {
	width: 100%;
	overflow: hidden;
	margin: 0 auto
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
	list-style:none;
}
.swipe #pagenavi {
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.swipe #pagenavi a {
	width: 10px;
	height: 10px;
	line-height: 99em;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
*display:inline;
*zoom:1;
}
.swipe #pagenavi a.active {
	background: #C80002;
}
/*---------------------------------产品展示--------------------------------------------------*/
#chanpin{ width:1150px; margin:25px auto; height:840px;}
.bt{ border-bottom:1px solid #CCC; height:42px; margin-bottom:30px;}
.bt h2{ width:150px; border-bottom:5px solid #165b9e; margin:0 auto; text-align:center; font-size:30px;}
#left{ width:270px; height:763px;}
#left h2{ background-color:#165b9e; color:#FFF; text-align:center; padding:15px 0px;}
#left ul{ border:1px solid #ccc; padding:0px 10px;}
#left ul li{ border-bottom:1px dashed #ccc; padding:9.5px 10px;}
#left ul li a{ font-size:16px; color:#000;}
#left ul li a:hover{ color:#F00;}
#right{ float:right; width:861px; margin-bottom:30px;}
#right h2{ border-bottom:1px solid #ccc; padding:5px 20px; margin-bottom:10px;}
#right h2 span{ float:right; font-size:14px; font-weight:normal; margin-top:5px;}
#right h2 span a{ color:#000;}
#right h2 span a:hover{ color:#F00;}
.rigcp{ padding:10px 0px;}
#right ul li { margin:10px; float:left;}
#right ul li a{ width:267px; text-align:center; display:block; color:#000;}
#right ul li a:hover{color:#165b9e;}
#right ul li a img{ padding:2px; border:1px solid #CCC; width:261px; margin-bottom:10px;}
/*---------------------------------关于我们--------------------------------------------------*/
#about{ background:url(../images/about.jpg) top center; height:360px; padding:30px 0px;}
#abmain{ width:1150px; margin:0 auto;}
#abwenzi{ padding:0px 20px;}
#abwenzi p{ text-indent:2em; line-height:35px;}
#abwenzi a{ background-color:#165b9e; color:#FFF; text-align:center; width:120px; padding:10px 0px; border-radius:10px; display:block; margin:20px auto 0px;}
/*---------------------------------新闻--------------------------------------------------*/
#news{ width:1150px; margin:0 auto; padding:30px 0px; height:440px;}
.news{ width:1150px;}
.news h4 a{ color:#165b9e; font-size:18px;}
.news h4 span{ font-size:16px; color:#000;}
.news ul{ margin-top:5px;}
.news ul li { border-bottom:1px dashed #ccc; padding:15px 10px; height:75px; float:left; width:535px;margin:5px 10px;}
.news ul li a{ font-size:18px; color:#000;}
.news ul li a:hover{color:#165b9e;}
.news ul li span{ float:right;}
.news ul li p{ font-size:14px; color:#666; margin-top:10px;}
/*---------------------------------产品展示--------------------------------------------------*/
#cpzs{ padding:30px 0px; background-color:#f3f3f3; height:320px;}
#zsmain{ width:1150px; margin:0 auto;}
#demo{ margin:0 auto; background-color:#f3f3f3}
#demo li { margin:10px; float:left;}
#demo li a{ width:267px; text-align:center; display:block; color:#000;}
#demo li a:hover{color:#165b9e;}
#demo li a img{ padding:2px; border:1px solid #CCC; width:261px; margin-bottom:10px;}
/*--------------------------------foot--------------------------------------------------*/
#footnav{ background-color:#2e2e2e; height:50px;}
#footnav ul{ width:1150px; margin:0 auto;}
#footnav ul li{ float:left;}
#footnav ul li a{ width:164px; line-height:50px; color:#999; display:block; text-align:center;}
#footnav ul li a:hover{ color:#FFF;}
#banquan{ background-color:#000; text-align:center; padding:10px 0px 6px;}
#banquan p{ color:#999; line-height:30px;}
#banquan p a{ color:#999;}
#banquan p a:hover{ color:#FFF;}
#youqing{ background-color:#000; padding-bottom:5px;}
#youqing p{ color:#999;}
#youqing p a{ color:#999;}
/*--------------------------------content--------------------------------------------------*/
#content{ width:1150px; margin:25px auto 0px;}
#leftcon{ float:left; margin-bottom:40px;}
#leftnews{ margin:20px 0px 0px; width:270px;}
#leftnews h2{ background-color:#165b9e; color:#FFF; text-align:center; padding:15px 0px;}
#leftnews ul{ border:1px solid #ccc; padding:0px 10px;}
#leftnews ul li{ border-bottom:1px dashed #ccc; padding:10px 10px;}
#leftnews ul li a{ font-size:16px; color:#000;}
#leftnews ul li a:hover{color:#165b9e;}
#leftnews ul li span{ margin-right:5px;}
#page{ text-align:center; height:20px; padding:20px 0px 0px;}
#page p a{ color:#000;}
#page p a:hover{ color:#F00;}
#cpcon{ padding-bottom:20px;}
#cpcon h3{ text-align:center; font-size:22px; font-weight:normal; padding:20px 0px 0px;}
.fbz{ width:510px; margin:0 auto; height:50px;}
.fbz li{ color:#999; width:150px; text-align:center;}
#cpcon img{ border:1px solid #ccc; padding:2px; width:450px; display:block; margin:0 auto 30px;;}
#cpcon p{ line-height:30px; text-indent:2em; margin:0px 15px;}
.remen{ height:300px;}
.remen h4{ margin-bottom:5px;}
.remen li { margin:10px; float:left;}
.remen li a{ width:267px; text-align:center; display:block; color:#000;}
.remen li a:hover{ color:#165b9e;}
.remen li a img{ padding:2px; border:1px solid #CCC; width:261px; margin-bottom:10px;}
.tuijian{ width:430px; border-right:1px solid #ccc; float:left;}
.tuijian h4{ margin-bottom:10px; margin-left:15px;}
.tuijian li{ padding:5px 20px;}
.tuijian li a{ color:#000;}
.tuijian li a:hover{ color:#F00;}
.tuijian li span{ float:right; color:#999;}
#newslist{ float:right; width:861px; margin-bottom:30px;}
#newslist h2{ border-bottom:1px solid #ccc; padding:5px 20px; margin-bottom:10px;}
#newslist h2 span{ float:right; font-size:14px; font-weight:normal; margin-top:5px;}
#newslist h2 span a{ color:#000;}
#newslist h2 span a:hover{ color:#F00;}
#newslist li{ border-bottom:1px dashed #ccc; padding:25px 10px; height:75px;}
#newslist li a{ color:#165b9e; font-size:18px; font-weight:bold;}
#newslist li a:hover{ color:#e40303;}
#newslist li span{ float:right;}
#newslist li p{ font-size:14px; color:#666; margin-top:10px;} 
#guanyu{ padding:20px 10px 0px;}
#guanyu p{ line-height:30px; text-indent:2em;}
#guanyu img{ margin:30px 0px 10px;}
#lianxi{ padding:20px 10px 0px; height:641px;}
#lianxi h3{ margin:20px;}
#lianxi p{ line-height:30px; text-indent:2em;}
#lianxi p a{ color:#000;}
#lianxi p a:hover{ color:#165b9e;}
.fanhui{ background-color:#165b9e; padding:10px 20px; border-radius:5px; color:#FFF; text-align:center; }
/*上一篇下一篇*/
#xyy{
	text-align:center;
	padding-top:30px;
	height:70px;
}
#xyy li{
	float:left;
	width:415px;
	text-align:left;
	padding-left:15px;
}
#xyy .syp{
	text-align:right;
}
#xyy li a{
	color:#000;
}
#xyy li a:hover{
	color:#F00;
	text-decoration:underline;
}
#xyy .syp a{
	margin-right:20px;
}
#xy{
	text-align:center;
	padding-top:30px;
	height:30px;
}

